<template>
	<div>
	<!-- 热销推荐 -->
	<div class='recommend'>周末去哪儿</div>
	<!-- 推荐模块 -->
	<ul>
		<li class='item border-bottom' v-for='item in weekList' :key='item.id'>
			   <div class='item-img'>
				<img class='img' :src='item.imgUrl'>
			</div>
			<div class='item-info'>
				<p class='title'>{{item.title}}</p>
				<p class='desc'>{{item.desc}}</p>
			</div>
		</li>
	</ul>
</div>
</template>
<script>
	export default{
		name:'HomeWeekend',
		props:{weekList:Array}
	}
</script>
<style lang='stylus' scoped>
@import '~styles/iconfont/mixins.styl'
.recommend
	background:#eee
	line-height:0.8rem
	text-indent:0.2rem
.item-img
	width:100%
	height:0
	padding-bottom:37%
	.img
		width:100%
.item-info
	padding-top:0.3rem
	padding-left:0.2rem
	.title
		line-height:0.54rem
	.desc
		line-height:0.4rem
		color:#ccc		
</style>